<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style>
#menu { width:180px;}
#menu .theloai {background-color:#033; color:#CF3; display:block; padding-top:5px; padding-bottom:5px;}
#menu  a { background-color:#CFC; color:#033; padding-top:3px; padding-bottom:3px; padding-left:15px; display:block; border-bottom: solid 1px #600; text-decoration:none;}
</style>
</head>
<body>
<div id="menu">
    <div>	<span class="theloai">Tin xã hội</span>
	        <div class="loaitin">
   	        <a href="#">Thể thao</a> 
   	        <a href="#">Du lịch</a> 
			<a href="#">Xã hội</a> 
        	<a href="#">Khoa học</a> 
        	<a href="#">Văn hoá</a> 
        	<a href="#">Pháp luật</a> 
	        </div>
    </div>
    <div>   <span class="theloai">Thế giới web</span>
        	<div class="loaitin">
            <a href="#">Tools</a> 
        	<a href="#">Website hữu ích</a> 
        	<a href="#">Scripts hữu dụng</a> 
            </div>
    </div>
    <div>	<span class="theloai">Nghệ thuật sống</span>
			<div class="loaitin">
            <a href="#">Sống đẹp</a> 
            <a href="#">Địa chỉ từ thiện</a> 
            <a href="#">Tấm lòng vàng</a> 
           	</div>
    </div>
    <div>   <span class="theloai">Thư giãn</span>
    	    <div class="loaitin">
            <a href="#">Thơ hay</a> 
            <a href="#">Chuyện cười</a> 
            </div>
    </div>
	<div>   <span class="theloai">Thường thức </span>
        	<div class="loaitin">
            <a href="#">Mẹo vặt gia đình</a>
            <a href="#">Ẩm thực</a> 
            </div>
    </div>
</div>
</body>
</html>
